*{
    padding: 0;
    margin: 0;
}
html,body {
    height: 100%;
    width: 100%;
  }

/* 任何 DOM元素，只要写入 该 class 则具有 对应的样式 */
.wh-100 {
    width: 100%;
    height: 100%;
  }
  
  .w-100 {
    width: 100%;
  }
  
  .h-100 {
    height: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  
  
  /* 让子集元素，垂直水平居中 */
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  